import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from './Home';
import Menu from './Menu';
import Member from './Member';
import Order from './Order';
import App from './App.vue'

import About from './About';
import History from './About/History';
import Contact from './About/Contact';
import OrderingGuide from './About/OrderingGuide';
import Delivery from './About/Delivery';
import Login from './Login';

Vue.use(VueRouter)

const routes =[
  {path:'/Home',name:'homeLink',component:Home},
  {path:'/Menu',name:'menuLink',component:Menu},
  {path:'/Member',name:'memberLink',component:Member},
  // {path:'/About',name:'aboutLink',component:About,redirect:'/Contact',children:[
  //   {path:'/Contact',name:'contactLink',component:Contact},
  //   {path:'/Delivery',name:'deliveryLink',component:Delivery},
  //   {path:'/OrderingGuide',name:'orderingGuideLink',component:OrderingGuide},
  //   {path:'/History',name:'historyLink',component:History},
  // ]},
  // {path:'/Login',name:'loginLink',component:Login},
  {path:'/Order',name:'orderLink',component:Order},
  {path:'*',name:'homeLink',component:Home},
]

const router = new VueRouter({
  routes,
  mode:'history'
})

new Vue({
  el: '#app',
  router,
  render: h => h(App)
})
